#2DAE83

Color Details

HEX
#2DAE83
RGB
rgb(45, 174, 131)
HSL
hsl(160, 59%, 43%)
CMYK
cmyk(74%, 0%, 25%, 32%)
Best text on this color #000000 (CR 7.49:1) Determined by WCAG contrast ratio

Readability Previews

Black on #2dae83
Contrast 7.49:1 AAA
White on #2dae83
Contrast 2.80:1 Fail
#2dae83 on Black
Contrast 7.49:1 AAA
#2dae83 on White
Contrast 2.80:1 Fail

Tints & Shades

#57be9c
#81ceb5
#abdfcd
#248b69
#1b684f
#124634

Complement & Analogous

#ae2d58
#2d99ae
#2dae43

Triadic

#832dae
#ae832d

Monochrome

#124634 #1b684f #2dae83 #81ceb5 #abdfcd #d5efe6

Analogous

#2dae43 #6cc67b #2dae83 #57adbe #2d99ae #247a8b

Complementary Mix

#1b684f #2dae83 #81ceb5 #ae2d58 #ca7792 #711d39

Nearby Colors

#2dae82
#2dae84
#2dae73
#2dae93

Embed #2DAE83 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #2DAE83

#2DAE83 converts to RGB(45, 174, 131) and HSL(160, 59%, 43%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#2DAE83 FAQs

What is the RGB value of #2DAE83?
RGB: 45, 174, 131. Copy as CSS: rgb(45, 174, 131)
Is #2DAE83 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #2DAE83?
Complement: #ae2d58.
Does #2DAE83 have good contrast on white or black?
On white: 2.80:1 (Fails AA). On black: 7.49:1 (AAA (normal text)).